<template>
    <view>
        <scroll-view :scroll-x="true" :scroll-with-animation="true" :lower-threshold="bottomDistance" @scrolltolower="scrolltoupper">
            <view class="list u-flex">
                <slot></slot>
            </view>
        </scroll-view>
    </view>
</template>

<script>
    export default {
        name:"x-scroll-row",
        props:{
            bottomDistance:{
                type:[String,Number],
                default:50
            },
        },
        data() {
            return {
                
            };
        },
        methods:{
            scrolltoupper(){
                this.$emit('scroll')
            }
        }
    }
</script>

<style lang="scss">

</style>
